/*
 * @文件描述: ————加载中————
 * @公司: 山东大学信息学院
 * @作者: 李洪文
 * @Date: 2019-11-11 11:27:19
 * @LastEditors: 李洪文
 * @LastEditTime: 2019-11-13 16:12:31
 */

import React from 'react';
import { StyleSheet, View, Text, ViewStyle } from 'react-native';
import { size, colors } from '@/config';

const { px } = size;

function Loading(props: { style?: ViewStyle }) {
  return (
    <View style={[styles.loading, props.style]}>
      <View style={styles.line}></View>
      <Text style={styles.text}>加载中</Text>
      <View style={styles.line}></View>
    </View>
  );
}

export default Loading;

const styles = StyleSheet.create({
  loading: {
    flexDirection: 'row',
    justifyContent: 'center',
    marginBottom: px(20),
    alignItems: 'center',
  },
  line: {
    width: px(30),
    height: px(40),
    borderBottomWidth: 1,
    borderBottomColor: colors.lineColor,
    marginTop: px(-40),
  },
  text: {
    marginHorizontal: 5,
  },
});
